 #content{
   
    margin-top: 2%;
    margin-left: 16%;
}


.gallery {
  padding: 0;
  list-style: none;
  margin: 0;
  width:800px;
  text-align: center;
  border-top: 5px solid #BDBDBD;	
}



.gallery li {

  float: left;
  padding: 0;
  margin: 20px 5px 10px 5px;
  text-align: center;
  } 


.gallery li img {

  background-color: black;
  padding: 7px; margin: auto;
  border: 1px solid #000000;
  width:350px;
  height:190px;
  text-align: center;



  }

.gallery li a{

	width:350px;
	height:40px;
	text-align:center;
	opacity:0.4; 
	filter:alpha(opacity=60);
	position:relative;
	top:-80px;
	background-color: black;
	padding: 7px; margin: auto;
	display:block;
	text-decoration:none;
	color: white;
	font-weight:normal;
	

}
/*Size Thumnails*/
input[type="radio"][id="thumbnails"]:checked ~ .gallery li img{
	width:175px;
	height:130px; 
}
/**/
input[type="radio"][id="thumbnails"]:checked ~ .gallery li a{
	width:175px;
	height:20px;
	top:-60px;
	
}


input[type="radio"][id="large"]:checked ~  .gallery li img{
	width:800px;
	height:600px;
	
}

input[type="radio"][id="large"]:checked ~  .gallery li a{
	width:800px;
	height:50px;	
	top:-90px;
}

#footer {
 border-top: 5px solid #BDBDBD;
 clear: both;
 position: relative;
 z-index: 10;
 height: 3em;
 margin-top: -3em;
 text-align: center;
}